<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
	<style type="text/css">
		div{
			width: 200px;
			height: 200px;
			/*background-color: rgb(0,0,0);*/
			background-color: #f00;
			

			/* 颜色表示方法有哪些？
            一共有三种：单词、rgb表示法、十六进制表示法

            rgb:红色 绿色 蓝色 三原色
            光学显示器，每个像素都是由三原色的发光原件组成的，靠明亮度不同调成不同的颜色的。
            用逗号隔开，r、g、b的值，每个值的取值范围0~255，一共256个值。
            如果此项的值，是255，那么就说明是纯色：
            
            黑色：
            background-color: rgb(0,0,0);
            光学显示器，每个元件都不发光，黑色的。

            白色：
            background-color: rgb(255,255,255);

            颜色可以叠加，比如黄色就是红色和绿色的叠加：
            background-color: rgb(255,255,0);

            再比如：
            background-color: rgb(111,222,123);
            就是红、绿、蓝三种颜色的不同比例叠加。


            
            16进制表示法
            红色：
                background-color: #ff0000;
                所有用#开头的值，都是16进制的。
                #ff0000：红色
                16进制表示法，也是两位两位看，看r、g、b，但是没有逗号隔开。
                ff就是10进制的255 ，00 就是10进制的0，00就是10进制的0。所以等价于rgb(255,0,0);
                怎么换算的？我们介绍一下
                我们现在看一下10进制中的基本数字（一共10个）:
                0、1、2、3、4、5、6、7、8、9

                16进制中的基本数字（一共16个）:
                0、1、2、3、4、5、6、7、8、9、a、b、c、d、e、f

                16进制对应表：
                十进制数	十六进制数
                0				0
                1				1
                2				2
                3				3
                ……
                10				a
                11				b
                12				c
                13				d
                14				e
                15				f

                16				10
                17				11
                18				12
                19				13
                ……
                43				2b
                ……
                255				ff

                十六进制中，13 这个数字表示什么？
                表示1个16和3个1。 那就是19。 这就是位权的概念，开头这位表示多少个16，末尾这位表示多少个1。
                小练习：
                16进制中28等于10进制多少？
                答：2*16+8 = 40。

                16进制中的2b等于10进制多少？
                答：2*16+11 = 43。

                16进制中的af等于10进制多少？
                答：10 * 16 + 15 = 175

                16进制中的ff等于10进制多少？
                答：15*16 + 15 = 255

                所以，#ff0000就等于rgb(255,0,0)

                background-color: #123456;
                等价于：
                background-color: rgb(18,52,86);

                所以，任何一种十六进制表示法，都能够换算成为rgb表示法。也就是说，两个表示法的颜色数量，一样。

                十六进制可以简化为3位，所有#aabbcc的形式，能够简化为#abc;
                比如：
                background-color:#ff0000;
                等价于
                background-color:#f00;

                比如：
                background-color:#112233;
                等价于
                background-color:#123;

                只能上面的方法简化，比如
                background-color:#222333;
                无法简化！
                再比如
                background-color:#123123;
                无法简化！

                要记住：
                #000   黑
                #fff    白
                #f00   红
                #333   灰
                #222   深灰
                #ccc   浅灰

                



             */

		}
	</style>
</head>
<body>

	<div>
		
	</div>
	
</body>
</html>